@import "./variables";

@font-face {
	font-display: swap;
	font-family: Recoleta;
	font-weight: 400;
	src:
		url(https://s1.wp.com/i/fonts/recoleta/extended/recoleta-400.woff2) format("woff2"),
		url(https://s1.wp.com/i/fonts/recoleta/extended/recoleta-400.woff) format("woff");
}

.wp-brand-font {
	font-family: $serif;
	font-weight: 400;
}

// Use Recoleta on page headings for supported languages
$langs: af, ca, cs, da, de, en, es, eu, fi, fr, gl, hr, hu, id, is, it, lv, mt, nb, nl, pl, pt, ro,
	ru, sk, sl, sq, sr, sv, sw, tr, uz;

@each $lang in $langs {
	[lang*='#{$lang}'] {
		.wp-brand-font {
			font-family: $brand-serif;
		}
	}
}
